/*!
 * Start Bootstrap - SB Admin (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

.wrapper { padding-top: 43px; background-color: #222; padding-left: 0; } 
 

.page-wrapper { width: 100%; padding: 0 15px; background-color: #e6eaee; } 

.huge { font-size: 50px; line-height: normal; } 
.page-wrapper .container-fluid { padding-top:5px; } 

/* Top Navigation */

.top-nav { padding: 0 15px; } 

.top-nav>li { display: inline-block; } 

.top-nav>li>a { line-height: 30px; color: #999; } 

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus { color: #fff; background-color: #000; } 

.top-nav>.open>.dropdown-menu { float: left; position: absolute; margin-top: 0; border: 1px solid rgba(0,0,0,.15); border-top-left-radius: 0; border-top-right-radius: 0; background-color: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } 

.top-nav>.open>.dropdown-menu>li>a { white-space: normal; } 

ul.message-dropdown { padding: 0; max-height: 250px; overflow-x: hidden; overflow-y: auto; } 

li.message-preview { width: 275px; border-bottom: 1px solid rgba(0,0,0,.15); } 

li.message-preview>a { padding-top: 15px; padding-bottom: 15px; } 

li.message-footer { margin: 5px 0; } 

ul.alert-dropdown { width: 200px; } 


/* Side Navigation */

.side-nav { position: fixed; top: 43px; border: none; border-radius: 0; overflow-y: auto; background-color: #242731; bottom: 0; overflow-x: hidden; padding-bottom: 40px; } 

.side-nav>li ul { padding: 0; } 
 
 .side-nav>li ul li { background:#6D789B; } 

.side-nav>li ul>li>a { display: block; padding: 10px 15px 10px 38px; text-decoration: none; color: #999; } 


.side-nav>li ul>li>a:hover,.side-nav>li ul>li>a:focus { color: #fff; } 
.side-nav>li ul>li .router-link-exact-active{color: #fff;background: #51576B;}
/* Flot Chart Containers */

.flot-chart { display: block; height: 400px; } 

.flot-chart-content { width: 100%; height: 100%; } 

/* Custom Colored Panels */

.huge { font-size: 40px; } 

.panel-green { border-color: #5cb85c; } 

.panel-green > .panel-heading { border-color: #5cb85c; color: #fff; background-color: #5cb85c; } 

.panel-green > a { color: #5cb85c; } 

.panel-green > a:hover { color: #3d8b3d; } 

.panel-red { border-color: #d9534f; } 

.panel-red > .panel-heading { border-color: #d9534f; color: #fff; background-color: #d9534f; } 

.panel-red > a { color: #d9534f; } 

.panel-red > a:hover { color: #b52b27; } 

.panel-yellow { border-color: #f0ad4e; } 

.panel-yellow > .panel-heading { border-color: #f0ad4e; color: #fff; background-color: #f0ad4e; } 

.panel-yellow > a { color: #f0ad4e; } 

.panel-yellow > a:hover { color: #df8a13; } 
@media(min-width:768px) { 
 .wrapper { 
 padding-left: 200px; 
 
 } 
 
 .side-nav { left: 160px; width: 160px; margin-left: -160px; } 
 .side-nav li { background:#3A4056; } 
 .side-nav>li>a { width: 160px; } 
 
 .side-nav li a:hover,
 .side-nav li a:focus { outline: none; background-color: #51576B !important; } 
 } 
 @media(min-width:1024px) { 
 .wrapper { padding-left:180px; } 
 .chandi .pihao .tishi { display:none; } 
 
 .side-nav { left: 180px; width: 180px; margin-left: -180px; } 
 .side-nav>li>a { width: 180px; } 

 } 
 @media(min-width:1440px) { 
 .wrapper { padding-left:220px; } 
 
 .side-nav { left: 220px; width: 220px; margin-left: -220px; } 
 .side-nav>li>a { width: 220px; } 

 } 
 @media(min-width:1680px) { 
 .wrapper { padding-left:220px; } 
 
 .side-nav { left: 220px; width: 220px; margin-left: -220px; } 
 .side-nav>li>a { width: 220px; } 

 } 
@media(min-width:1920px) { 
 .wrapper { padding-left:240px; } 
 .side-nav { left: 240px; width: 240px; margin-left: -240px; } 
 .side-nav>li>a { width: 240px; } 
 } 



 
